@import '../../base/base.less';
#priceIndex {
   
    .banner {
        width: 100%;
        height: 380px;
        background-image: url(../../../assets/wuliu/banner.png);
        background-size: cover;
        padding: 10px;
        .search {
            width: 320px;
            height: 360px;
            padding: 40px 40px 0 40px;
            background-color: #FFFFFF;
            >li {
                margin-bottom: 19px;
                font-size: 12px;
                line-height: 13px;
                color: @color-txt2;
                >label {
                    margin-bottom: 9px;
                    display: inline-block;
                }
                input {
                    font-size: 14px;
                    height: 36px;
                    line-height: 36px;
                }
            }
            .search-click {
                margin-top: 53px;
                width: 100%;
                height: 36px;
                background-color: @base-color;
                font-size: 16px;
                color: #FFFFFF;
                border-radius: 4px;
            }
        }
    }
    .publish {
        margin-top: 60px;
        &:nth-of-type(2) {
            margin-top: 44px;
        }
        >.name {
            padding-bottom: 10px;
            border-bottom: 2px solid #fe8383;
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            .title {
                font-size: 24px;
                color: #fe8383;
            }
            .more {
                font-size: 14px;
                color: @color-txt1;
                &:active{
                    &:extend(.s-bold);
                }
            }
        }
        .info {
            padding-top: 20px;
            overflow: hidden;
            .left {
                float: left;
                width: 200px;
                padding-right: 20px;
                .type {
                    margin-bottom: 20px;
                    border: 1px solid #ffeaea;
                    .title {
                        height: 40px;
                        background-color: #ffeaea;
                        font-size: 18px;
                        color: #d54343;
                    }
                    .type-list {
                        display: flex;
                        padding-top: 20px;
                        padding-left: 14px;
                        padding-bottom: 32px;
                        >li {
                            flex: 1 0;
                            >div {
                                margin-bottom: 14px;
                                font-size: 12px;
                                line-height: 12px;
                            }
                        }
                    }
                }
            }
            .right {
                float: right;
                width: 980px;
                .my-table {
                    width: 100%;
                    border: 1px solid @color-border;
                    tr {
                        border-bottom: 1px solid @color-border;
                        &:nth-last-of-type(1) {
                            border-bottom: none;
                        }
                    }
                    th {
                        height: 40px;
                        background-color: #F2F2F2;
                        font-size: 14px;
                        font-weight: normal;
                        color: @color-txt1;
                        &:nth-of-type(1) {
                            width: 240px;
                            text-align: left;
                            padding-left: 30px;
                        }
                        &:nth-of-type(2) {
                            width: 400px;
                        }
                        &:nth-of-type(3) {
                            width: 100px;
                        }
                        &:nth-of-type(4) {
                            width: 120px;
                        }
                        &:nth-of-type(5) {
                            width: 120px;
                        }
                    }
                    td.name {
                        padding-left: 18px;
                        font-size: 14px;
                        padding: 20px 0;
                        .name1 {
                            >div:nth-of-type(1) {
                                margin-bottom: 12px;
                                color: @color-txt1;
                            }
                        }
                        .img {
                            width: 80px;
                            height: 80px;
                            margin-right: 10px;
                            background-color: #f2f2f2;
                        }
                    }
                    td.arrive {
                        >div {
                            >span {
                                font-size: 16px;
                                color: @color-txt1;
                                &:extend(.s-bold);
                            }
                            >div {
                                margin: 0 36px;
                                >span:nth-of-type(1) {
                                    color: #ff9d02;
                                    font-size: 16px;
                                }
                                >img {
                                    margin-top: 4px;
                                    margin-bottom: 14px;
                                }
                                >span:nth-of-type(2) {
                                    color: @color-txt3;
                                    font-size: 14px;
                                }
                            }
                        }
                    }
                    td.price {
                        color: #ff9d02;
                    }
                    td.operate {
                        text-decoration: underline;
                    }
                }
            }
        }
        .car-info {
            overflow: hidden;
            >div {
                padding-top: 48px;
                padding-bottom: 22px;
                float: left;
                border: 1px solid @color-border;
                margin-left: 10px;
                margin-top: 20px;
                width: 290px;
                &:nth-of-type(4n+1) {
                    margin-left: 0;
                }
                .card {
                    >span {
                        font-size: 16px;
                        color: @color-txt1;
                        &:extend(.s-bold);
                    }
                    
                    >div {
                        margin: 0 16px;
                        >span:nth-of-type(1) {
                            color: #ff9d02;
                            font-size: 16px;
                            text-shadow: 0 0 #ff9d02;
                        }
                        >img {
                            margin-top: 15px;
                            margin-bottom: 19px;
                            width: 110px;
                        }
                        >span:nth-of-type(2) {
                            color: @color-txt3;
                            font-size: 14px;
                        }
                    }
                }
                .type{
                    padding-left: 20px;
                    margin-top: 66px;
                    font-size: 20px;
                }
                .detail{
                    padding-left: 20px;
                    margin-top: 20px;
                    color: @color-txt3;
                }
            }
        }
    }
}